<template>
  <div class="audition96">
    <h3>方法一：</h3>
    <p>禁止掉该img标签的事件</p>
    <code class="code">
      img {<br />
        <span class="indient">pointer-events: none;</span><br />
      }
    </code>
    <h3>方法二：</h3>
    <p>禁止用户选中</p>
    <code class="code">
      img {<br />
        <span class="indient">user-select: none;</span><br />
        <span class="indient">-webkit-user-select:none</span><br />
      }
    </code>
    <h3>方法三：</h3>
    <p>禁止长按提示，禁止选中</p>
    <code class="code">
      img {<br />
        <span class="indient">-webkit-touch-callout: none;</span><br />
        <span class="indient">-webkit-user-select: none;</span><br />
        <span class="indient"> -moz-user-select: none;</span><br />
        <span class="indient">-ms-user-select: none;</span><br />
        <span class="indient">user-select: none;</span><br />
      }
    </code>
  </div>
</template>

<script>
export default {
  name: 'Audition96'
}
</script>

<style>

</style>